.dashboard .widget,
.dashboard .panel {
  height: -webkit-calc(100% - 30px);
  height:         calc(100% - 30px);
}
.dashboard .widget-content {
  height: 100%;
  border-radius: 3px;
}
#widgetLineareaColor .ct-chart .ct-area {
  fill-opacity: 1;
}
#widgetLineareaColor .ct-chart .ct-series.ct-series-a .ct-area {
  fill: #f96868;
}
#widgetLineareaColor .ct-chart .ct-series.ct-series-b .ct-area {
  fill: #f2a654;
}
#widgetLineareaColor .ct-chart .ct-series.ct-series-c .ct-area {
  fill: #46be8a;
}
#widgetStackedBar .ct-chart .ct-label.ct-vertical,
#widgetStackedBar .ct-chart .ct-label.ct-horizontal {
  font-size: 14px;
}
#widgetStackedBar .ct-chart .ct-label.ct-horizontal {
  text-align: center;
}
#widgetStackedBar .ct-chart .ct-bar {
  stroke-width: 3%;
}
#widgetStackedBar .ct-chart .ct-series.ct-series-a .ct-bar {
  stroke: #62a8ea;
}
#widgetStackedBar .ct-chart .ct-series.ct-series-b .ct-bar {
  stroke: #f3f7f9;
}
#widgetTimeline ul li {
  border-bottom: 1px solid #e4eaec;
}
#widgetTimeline .ct-chart .ct-area {
  fill-opacity: 1;
}
#widgetTimeline .ct-chart .ct-series.ct-series-a .ct-area {
  fill: #e4eaec;
}
#widgetTimeline .ct-chart .ct-series.ct-series-b .ct-area {
  fill: #62a8ea;
}
#widgetLinepoint .ct-chart .ct-line,
#widgetLinepoint .ct-chart .ct-point {
  stroke: white;
}
#widgetLinepoint .ct-chart .ct-line {
  stroke-width: 2px;
}
#widgetLinepoint .ct-chart .ct-point {
  stroke-width: 6px;
}
#widgetSaleBar .ct-chart .ct-bar {
  stroke: white;
  stroke-width: 4px;
}
#widgetWatchList .small-bar-one,
#widgetWatchList .small-bar-two {
  display: inline-block;
  width: 80px;
  height: 60px;
  vertical-align: top;
}
#widgetWatchList .small-bar-one .ct-bar,
#widgetWatchList .small-bar-two .ct-bar {
  stroke: #46be8a;
  stroke-width: 4px;
}
#widgetWatchList .line-chart .ct-series.ct-series-a .ct-line {
  stroke: #62a8ea;
  stroke-width: 2px;
}
#widgetWatchList .line-chart .ct-series.ct-series-b .ct-line {
  stroke: #46be8a;
  stroke-width: 2px;
}
#widgetWatchList .line-chart .ct-labels > foreignobject:first-child .ct-label.ct-horizontal {
  margin-left: 0;
}
#widgetWatchList .line-chart .ct-label.ct-vertical,
#widgetWatchList .line-chart .ct-label.ct-horizontal {
  font-size: 14px;
  color: #a3afb7;
}
#widgetWatchList .line-chart .ct-label.ct-vertical {
  text-align: left;
}
#widgetWatchList .line-chart .ct-label.ct-horizontal {
  margin-left: -20px;
}
#widgetTable table {
  border-top: 1px solid #e4eaec;
}
#widgetTable tr > td {
  width: 33.3333%;
  padding-top: 15px;
  padding-bottom: 15px;
  white-space: nowrap;
}
#widgetTable tr > td:first-child {
  padding-left: 30px;
  color: #37474f;
}
#widgetTable tr > td:last-child {
  padding-right: 30px;
  text-align: right;
}
#widgetTable .form-control {
  border-color: transparent;
}
#widgetTable .form-control:focus {
  border-color: #62a8ea;
}
#widgetWeather {
  border: none;
}
#widgetWeather .weather-times {
  border-top: 1px solid #e4eaec;
}
#widgetWeather .weather-list {
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
#widgetWeather .weather-list li {
  padding-right: 30px;
  padding-left: 30px;
}
#widgetWeather .weather-list li [class*="col-"] {
  line-height: 34px;
  text-align: center;
}
#widgetWeather .weather-list li + li {
  margin-top: 25px;
}
#widgetJvmap,
#widgetJvmap .jvectormap-container {
  min-height: 240px;
}
#widgetSocialBg {
  overflow: hidden;
}
#widgetSocialBg .header {
  position: relative;
}
#widgetSocialBg .header-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(55, 71, 79, .8);
}
#widgetSocialBg .social-avator {
  width: 46px;
  height: 46px;
}
#widgetSocialBg .info {
  height: 46px;
}
#widgetSocial {
  overflow: hidden;
}
#widgetSocial .header-content {
  height: 200px;
}
#widgetSocial .social-avator {
  width: 66px;
  height: 66px;
  margin-top: -60px;
}
#widgetLinepointDate {
  min-height: 420px;
}
#widgetLinepointDate .ct-chart {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#widgetLinepointDate .ct-chart .ct-line,
#widgetLinepointDate .ct-chart .ct-point {
  stroke: #62a8ea;
}
#widgetLinepointDate .ct-chart .ct-line {
  stroke-width: 2px;
}
#widgetLinepointDate .ct-chart .ct-point {
  stroke-width: 6px;
}
#widgetOverallViews .small-bar-one,
#widgetOverallViews .small-bar-two {
  width: 105px;
  height: 44px;
  padding-left: 20px;
}
#widgetOverallViews .small-bar-one .ct-bar {
  stroke: #46be8a;
}
#widgetOverallViews .ct-chart .ct-bar {
  stroke-width: 4px;
}
#widgetStatistic .form-control {
  border-color: transparent;
}
#widgetStatistic .form-control:focus {
  border-color: #62a8ea;
}
@media (max-width: 767px) {
  #widgetLineareaColor .pull-right {
    float: none !important;
  }
  #widgetStatistic .vmap-col {
    position: relative;
    height: 400px;
  }
  #widgetStatistic .pull-right {
    float: none !important;
  }
  .widget-responsive {
    min-height: .01%;
    overflow-x: auto;
  }
  #widgetTimeline .widget-content {
    min-width: 480px;
  }
  #widgetWatchList .widget-content {
    min-width: 667px;
  }
}
